/*******************************
 *       CSS Engenharia        *
 *                             *
 *         RM Telecom          *
 *                             *
 *  By Desempenho Operacional  *
 *******************************/

/* Estilos - Engenharia
----------------------------------*/

/* fixing firefox bug */
/*div:after, ol:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;} */


.row.display .column, .row.display .columns{
	background: #E7E7E7;
	border: 1px solid #DDDDDD;
	font-size: 11px;
	padding: 6px 0;
	text-indent: 3px;
}
.row.display{
	background:#F4F4F4;
	margin-bottom: 10px;
}

.popup-bar-top
{
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../imagens/popup/bar.jpg);
    LINE-HEIGHT: 29px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #000000
}

.bg-label
{
	background-position: left top;
	background-image: url(../imagens/popup/bg_label.jpg);
	height: 40px;
	background-repeat: repeat-x;
}

.bg-label-2
{
	background-position: left top;
	background-image: url(../imagens/popup/bg_label_2.jpg);
	line-height: 40px;
	height: 40px;
	background-repeat: repeat-x;
}

.bg-title
{
	background-position: left top;
	background-image: url(../imagens/popup/bg_title.jpg);
	line-height: 40px;
	background-repeat: no-repeat;
}

.bg-title-1
{
	position: absolute;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../imagens/popup/bg_title.jpg);
	line-height: 25px;
	
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; color: #333;
	font-weight: bold;
	text-align: center;
	width: 193px;
	height: 40px;
	left:20px; 
	/*top:28px; 
	z-index:1; */
}

.bg-title-2
{
	background-position: left top;
	background-image: url(../imagens/popup/bg_title_2.jpg);
	line-height: 40px;
	background-repeat: no-repeat;
	
	position: absolute;
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; 
	font-weight: bold;
	text-align: center;
	width: 180px;
	height: 40px;
	/*left:33px; top:28px; z-index:1*/
}

.sub-titulo
{
	BACKGROUND-POSITION: center top;
	BACKGROUND-IMAGE: url(../imagens/popup/bd_sub_title.jpg);
	LINE-HEIGHT: 20px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	color: #333;
}

.bg-line-1
{
	/*background-position: left top; */
	background-image: url(../imagens/bg_line_1.jpg);
	line-height: 18px;
	background-repeat: repeat-x;
}



/* --- New Design --- 
body { */
    /* Importante: o calendario jquery utiliza o estilo de fonte definida no body */
/*	font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
*/

.fundo-1 {
	background-image: url(../imagens/fundo_1.gif);
}
.fundo-2 {
	background-image: url(../imagens/fundo_2.jpg);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}
.fundo-3 {
	background-image: url(../imagens/fundo_3.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.fundo-youTube {
	background-image: url(../imagens/fundoYouTube.png);
}

.tabela-1 { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.tabela-2 { margin: 2; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.tabela-2 { margin: 3; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.input-sem-moldura
{
	BORDER: none;
	BACKGROUND-POSITION: center 50%;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	TEXT-TRANSFORM: none;
	CURSOR: hand;
	COLOR: #666666;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 14px;
	TEXT-ALIGN: center;
}

.input-sem-moldura-moeda
{
	BORDER: none;
	BACKGROUND-POSITION: center 50%;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	TEXT-TRANSFORM: none;
	CURSOR: hand;
	COLOR: #666666;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 14px;
	TEXT-ALIGN: center;
}

#multi_select{
	position:absolute;
	left:0px;
	top:0px;
	width:54px;
	height:152px;
	z-index:2;
}

#preLoading {
 	width: 50px;
 	height: 24px;
 	background-color: #333333;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: 0px;
 	margin-left: -50px;
 	text-align: center;
}


/* Icons */
.botao-ico-inserir{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_insert.gif); background-repeat: no-repeat;}
.botao-ico-inserir:hover{background-image: url(../imagens/icon_insert_hover.gif);}

.botao-ico-gravar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_gravar.png); background-repeat: no-repeat;}
.botao-ico-gravar:hover{background-image: url(../imagens/icon_gravar_hover.png);}

.botao-ico-excluir{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_del.gif); background-repeat: no-repeat;}
.botao-ico-excluir:hover{background-image: url(../imagens/icon_del_hover.gif);}

.botao-ico-mais{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_mais.gif); background-repeat: no-repeat;}
.botao-ico-menos{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_menos.gif); background-repeat: no-repeat;}

.botao-ico-fechar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_fechar.gif); background-repeat: no-repeat;}
.botao-ico-fechar:hover{background-image: url(../imagens/icon_del_hover.gif);}

.botao-ico-down{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_down.png); background-repeat: no-repeat;}
.botao-ico-down:hover{background-image: url(../imagens/icon_down.png);}

.botao-ico-up{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/icon_up.png); background-repeat: no-repeat;}
.botao-ico-up:hover{background-image: url(../imagens/icon_up.png);}

.botao-pesquisar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_pesquisar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-pesquisar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-pesquisar:hover{ background-position: 0px -22px; }

.botao-pesquisar2{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_pesquisar2.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-pesquisar2-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-pesquisar2:hover{ background-position: 0px -22px; }

.botao-cadastrar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_cadastrar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-cadastrar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-cadastrar:hover{ background-position: 0px -22px; }

.botao-confirmar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_confirmar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-confirmar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-confirmar:hover{ background-position: 0px -22px; }

.botao-registrar{ border:0px; cursor: pointer; background: transparent; background-image: url(../imagens/botao_registrar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-registrar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-registrar:hover{ background-position: 0px -22px; }

.botao-gravar{ border:0px; cursor: pointer; background: transparent; background-image: url(../imagens/botao_gravar.jpg); background-repeat: no-repeat; width: 91px; height: 22px;}
.botao-gravar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-gravar:hover{ background-position: 0px -22px; }

.botao-atualizar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_atualizar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-atualizar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-atualizar:hover{ background-position: 0px -22px; }

.botao-inserir{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_inserir.jpg); background-repeat: no-repeat; width: 91px; height: 22px;}
.botao-inserir-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-inserir:hover{ background-position: 0px -22px; }

.botao-exportar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_exportar.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-exportar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-exportar:hover{ background-position: 0px -22px; }

.botao-exportar2{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_exportar2.jpg); background-repeat: no-repeat; width: 110px; height: 22px;}
.botao-exportar2-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-exportar2:hover{ background-position: 0px -22px; }

.botao-limpar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_limpar.jpg); background-repeat: no-repeat; width: 91px; height: 22px;}
.botao-limpar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-limpar:hover{ background-position: 0px -22px; }

.botao-voltar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_voltar.jpg); background-repeat: no-repeat; width: 91px; height: 22px;}
.botao-voltar-hover{ background-position: 0px -22px; } /* Utilizado no IE como onMouseOver */
.botao-voltar:hover{ background-position: 0px -22px; }

.botao-fechar{ border:0; cursor: pointer; background: transparent; background-image: url(../imagens/botao_fechar.jpg); background-repeat: no-repeat; width: 18px; height: 18px;}
.botao-fechar-hover{ background-position: 0px -18px; } /* Utilizado no IE como onMouseOver */
.botao-fechar:hover{ background-position: 0px -18px; }



.fontepeq {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9px;
	COLOR: #333333;
	LINE-HEIGHT: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.fontemedia
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none
}

.menu-head { font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height:30px; color: #999; text-decoration: none; cursor:pointer;} 
.menu-head:hover { background-color: #232323; color: #FFF; }

/* Estilo para Tabelas - inicio */
.table-head th{
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; text-decoration: none;
	background-color: #333; color: #FFF;
	padding: 4px;
}
.table-head th a{
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; text-decoration: none;
	background-color: #333; color: #E0E0E0;
	padding: 4px;
}
.table-head th a:hover { color: #FFF;}


.table-head-small td{
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 10px; text-decoration: none;
	background-color: #333; color: #FFF;
	padding: 1px 3px 1px 3px;
}
/* Estilo para Tabelas - fim */


.texto-vertical
{
	writing-mode: tb-rl;
	filter: flipV flipH;
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	
	transform: rotate(-90deg) translate(0, 100%);
    transform-origin: 0% 100%;

	/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
	
}





.moldura-1 { border: 1px dashed #CCCCCC;}
.moldura-2 { border: 1px solid #CCCCCC;}
.moldura-3 { border: 2px solid #CCCCCC;}

.linha-base-1 { border-bottom: 1px dashed #CCCCCC;}
.linha-base-2 { border-bottom: 1px solid #CCCCCC;}
.linha-base-3 { border-bottom: 2px solid #CCCCCC;}

.linha-top-1 { border-top: 1px dashed #CCCCCC;}
.linha-top-2 { border-top: 1px solid #CCCCCC;}
.linha-top-3 { border-top: 2px solid #CCCCCC;}

.linha-tracejada-1 { border-bottom: 1px dashed #CCCCCC;}

.fonte-1 { font-family: Trebuchet MS, Arial, sans-serif; font-size: 9px; color: #666; text-decoration: none;} /* 1.1em */
a.fonte-1:hover { color: #CCC; }

.fonte-2 { font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; color: #666; text-decoration: none;} 
a.fonte-2:hover { color: #CCC; }

.fonte-3 { font-family: Trebuchet MS, Arial, sans-serif; font-size: 14px; color: #666; text-decoration: none;} 
a.fonte-3:hover { color: #CCC; }

.fonte-4 { font-family: Trebuchet MS, Arial, sans-serif; font-size: 16px; color: #666; text-decoration: none;} 
a.fonte-4:hover { color: #CCC; }

.fonte-5 { font-family: Trebuchet MS, Arial, sans-serif; font-size: 20px; color: #666; text-decoration: none;} 
a.fonte-5:hover { color: #CCC; }

.fonte-head { font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height:18px; background-color: #333; color: #FFF; text-align: center;}

.fonte-sac-1 { font-family: Courier New, Courier, mono; font-size: 9px; color: #666; text-decoration: none;} 
a.fonte-sac:hover { color: #CCC; }

.fonte-sac-2 { font-family: Courier New, Courier, mono; font-size: 11px; color: #666; text-decoration: none;} 
a.fonte-sac:hover { color: #CCC; }


.bold {
	font-weight: bold;
}
.maiusculo {
	text-transform: uppercase;
}
.center {
 	text-align: center;
}

/* Cores para textos */
.branco { color: #FFF; }
.preto { color: #000; }

.cinza-1 { color: #F2F2F2; }
.cinza-2 { color: #E2E2E2; }
.cinza-3 { color: #666666; }
.cinza-4 { color: #404040; }
.cinza-5 { color: #232323; }

.amarelo-1 { color: #FFFFDF; }
.amarelo-2 { color: #FFFFAA; }
.amarelo-3 { color: #FFFF00; }
.amarelo-4 { color: #C4C400; }
.amarelo-5 { color: #888800; }

.laranja-1 { color: #FFEDE1; }
.laranja-2 { color: #FFCAA6; }
.laranja-3 { color: #FF9900; }
.laranja-4 { color: #FF6600; }
.laranja-5 { color: #9F4000; }

.vermelho-1 { color: #FFEAEA; }
.vermelho-2 { color: #FFC1C1; }
.vermelho-3 { color: #FF0000; }
.vermelho-4 { color: #C60000; }
.vermelho-5 { color: #8A0000; }

.azul-1 { color: #DFDFFF; }
.azul-2 { color: #9B9BFF; }
.azul-3 { color: #0000FF; }
.azul-4 { color: #000097; }
.azul-5 { color: #000055; }

.verde-1 { color: #DDFFDD; }
.verde-2 { color: #6FFF6F; }
.verde-3 { color: #009900; }
.verde-4 { color: #006600; }
.verde-5 { color: #003500; }

/* Cores para fundos */
.bg-branco { background-color: #FFF; color: #666666;}
.bg-preto { background-color: #000; color: #FFF;}

.bg-cinza-1 { background-color: #F2F2F2; }
.bg-cinza-2 { background-color: #E2E2E2; }
.bg-cinza-3 { background-color: #666666; }
.bg-cinza-4 { background-color: #404040; }
.bg-cinza-5 { background-color: #232323; }
.bg-cinza-6 { background-color: #161616; }

.bg-amarelo-1 { background-color: #FFFFDF; }
.bg-amarelo-2 { background-color: #FFFFAA; }
.bg-amarelo-3 { background-color: #FFFF00; }
.bg-amarelo-4 { background-color: #C4C400; }
.bg-amarelo-5 { background-color: #888800; }

.bg-laranja-1 { background-color: #FFEDE1; }
.bg-laranja-2 { background-color: #FFCAA6; }
.bg-laranja-3 { background-color: #FF9900; }
.bg-laranja-4 { background-color: #FF6600; }
.bg-laranja-5 { background-color: #9F4000; }

.bg-vermelho-1 { background-color: #FFEAEA; }
.bg-vermelho-2 { background-color: #FFC1C1; }
.bg-vermelho-3 { background-color: #FF0000; color: #FFF;}
.bg-vermelho-4 { background-color: #C60000; color: #FFF;}
.bg-vermelho-5 { background-color: #8A0000; color: #FFF;}

.bg-azul-1 { background-color: #DFDFFF; }
.bg-azul-2 { background-color: #9B9BFF; }
.bg-azul-3 { background-color: #0000FF; }
.bg-azul-4 { background-color: #000097; }
.bg-azul-5 { background-color: #000055; }

.bg-verde-1 { background-color: #DDFFDD; }
.bg-verde-2 { background-color: #6FFF6F; }
.bg-verde-3 { background-color: #009900; }
.bg-verde-4 { background-color: #006600; }
.bg-verde-5 { background-color: #003500; }

.marca-dagua {
	background: url(../imagens/popup/watermark.jpg) no-repeat;
	background-size: 100%;
}

.msg {
	position: absolute;
	width: 500px;
	height: 22px;
	left: 50%;
	top:50%;
	margin-left: -250px;
	margin-top: -15px;	
	padding: 8px;
	text-align:center;
	vertical-align:middle;
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #666; text-decoration: none;
	/*background-color: #DDFFDD; #FFFFAA;*/
	border: 2px solid #999999;
	display: none;	
	/*z-index:-1;*/
	
	border-radius: 7px /* Implementação W3C */
	-moz-border-radius: 7px; /* Implementação Mozilla */
	-webkit-border-radius: 7px; /* Implementação para browsers que renderizam via webkit */
	behavior: url(PIE.htc); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	
	box-shadow: 0 0 .25em #666; /* Implementação W3C */
	-moz-box-shadow: 0 0 .25em #CCC; /* Implementação Mozilla */
	-webkit-box-shadow: 0 0 .25em #CCC; /* Implementação para browsers que renderizam via webkit */
	behavior: url(PIE.htc); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */	
}